﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>单行文本溢出隐藏-jq22.com</title>
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
.text-content {
	background:yellow;
	/* 指定宽度 超出这个宽度就显示省略号 begin */
        width:100px;
	/* 指定宽度 超出这个宽度就显示省略号 end */
       /*  溢出隐藏代码 begin*/
       white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	/*  溢出隐藏代码 end*/
}
</style>
</head>
<body>
<div class="text-content">
    这里是文本1这里是文本2这里是文本3这里是文本4这里是文本5这里是文本6这里是文本7这里是文本8这里是文本9
</div>

<script>

</script>

</body>
</html>
